.container{width: 1200px;}
.nav{width: 100%;}
.banners {margin-top:26px}
.slideBox{width:100%;overflow:hidden;position:relative;border:1px solid #ddd;}
.slideBox .hd{height: 40px;line-height:40px;overflow:hidden;position:absolute;right: 0;bottom: 0;z-index:1;/* background: url(../img/bannerbg.png); *//* width: 100%; */}
.slideBox .hd ul{overflow:hidden;zoom:1;float:right;height: 40px;line-height:40px;padding-top: 15px;padding-right: 12px;}
.slideBox .hd ul li{background: #fff;width: 9px;height: 9px;cursor:pointer;float: left;margin-right: 20px;border-radius: 50%;overflow: hidden;}
.slideBox .hd ul li.on{background: #5983d3;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{padding:0;}
.slideBox .bd li{zoom:1;vertical-align:middle;position: relative;height: 620px;width:100%;list-style: none;}
.Z_banner .slideBox .bd li{height: 320px;}
@media (max-width: 992px){.slideBox .bd li{height: 65vw;}}
.slideBox .bd li span {position: absolute;z-index: 2;bottom:10px;left:18px;font-size: 16px;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;width:80%;bottom: 0;line-height: 40px;background: rgba(0,0,0,.5);padding: 0 27% 0 3%;box-sizing: content-box;left: 0;}
.Z_banner .slideBox .bd li{height:auto}
.slideBox .bd img{width:100%;/* display:block; */height:100%;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */	

.slideBox .swiper-button-prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox .swiper-button-prev, .slideBox .swiper-button-next {position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../img/icon-prev.png) no-repeat;filter: alpha(opacity=50);opacity: 1;}
.slideBox .swiper-button-next {position: absolute;left: auto;top: 50%;width: 22px;height: 34px;right: 3%;background: url(../img/icon-next.png) right center no-repeat;}


.banner {padding-right:20px! important;overflow: hidden;width: 69%;}
.news{width: 31%;float: right;}
@media (max-width: 992px){.banner {padding-right:0px! important}}
@media (max-width: 992px){.news{margin-top:23px;padding-right:0! important;margin-bottom:10px;}}
.new {border:1px solid #e0e0e0;/* padding:8px 20px 0px 25px; */height: 520px;}
.new h3{font-size: 24px;color: #fff;border-bottom:1px solid #ebebeb;height: 58px;line-height: 58px;padding: 0px 25px;background: #187ed3;margin: 0;}
.new h3 a{font-size: 16px;color: #fff;float:right;}
.new ul {
    overflow: hidden;
    /* margin: 10px 0px 0px 0px; */
    padding: 0px 15px;
}
.new h3 a:hover{font-weight:bold;}
.new ul li {line-height: 24px;position:relative;list-style: none;padding: 13px 0px 0px 20px;}
.new ul li i {background: #5983d3;width: 7px;height: 7px;position:absolute;display:block;left: 0px;top: 25px;}
.new ul li:hover {color:#187ed3}
.new ul li:hover a {color:#187ed3 ;text-decoration:none;}
.new li a {font-size: 22px;color: #333333;display: block;}
li a:hover {text-decoration:none}
.president {border:1px solid #e0e0e0;/* width:100%; */padding:13px;}

.new ul li .title{font-size: 20px;line-height: 28px;}
.new ul li .sum{height: 37px;line-height: 20px;overflow:hidden;font-size: 16px;color:#999999;margin: 12px 0px 0px 0px;}

.news_1 ul li .title{line-height: 24px;max-height: 50px;overflow: hidden;font-weight: bold;}
.news_1 ul li .sum{margin:8px 0px 0px 0px;font-size: 14px;line-height: 18px;}
.news_1 .new{height: 620px;}
.news_1 .new ul li i{top: 20px;}

.x-two .Z_news{width: 50%;height: 415px;float: left;}
.x-two .news .new{height: 420px;/* height: 312px; */overflow: hidden;height: 100%;}
.x-two .Z_banner{width: 50%;padding: 0px!important;/* height: 420px; */height: 415px;float: right;}
.x-two  .slideBox .bd li{max-height: 420px;text-align:center;height: 415px;line-height: 410px;}
.x-two .slideBox .bd li a{display:block;height:100%;width:100%;text-align: center;}
.x-two .slideBox .bd img{width:auto;max-width:100%;max-height:100%;height:auto;vertical-align: middle;width: 100%;height: 100%;}
.x-two .Z_news1{padding-right:20px;margin: 23px 0px 0px 0px;height: 420px;float: left;}


.x-two .Z_news2{width:100%;height: 470px;padding: 0px;}
.x-two .Z_news2 ul{width:860px;float:left;padding: 15px 0px 0px 0px;}
.x-two .Z_news2 li{padding: 22px 0px 0px 50px;}
.x-two .Z_news2 li i{left: 30px;top: 31px;width: 6px;height: 6px;}
.x-two .Z_news2 li a{font-size: 20px;color:#333;}
.x-two .Z_news2 .Img{float:right;width:280px;margin: 40px 35px 0px 0px;}
.x-two .Z_news2 .Img a{display: block;width: 100%;height:165px;overflow:hidden;margin-bottom: 15px}

.Book{width:1200px;border:1px solid #e0e0e0;margin: 50px 0px;position: relative;}
.Book h3{font-size: 24px;color: #fff;border-bottom:1px solid #ebebeb;height: 58px;line-height: 58px;padding: 0px 25px;background: #187ed3;margin: 0px;}
.Book h3 a{font-size: 16px;color: #fff;float:right;}
.Book h3 a:hover{font-weight:bold;}
.Book ul{margin: 30px 0px 25px 0px;padding: 0px;}
.Book ul li{width: 283px;height:190px;float:left;margin:0px 8px 0px 0px;list-style: none;}
.Book ul li img{width:100%;height:100%;}
.Book .swiper-container{width: 1160px;margin:0 auto;}
.Book .swiper-button-prev{display:none;}
.Book .swiper-button-next{display:none;}

.quarterly_Z{width:1200px;border:1px solid #e0e0e0;margin: 50px 0px;}
.quarterly_Z h3{font-size: 24px;color: #fff;border-bottom:1px solid #ebebeb;height: 58px;line-height: 58px;padding: 0px 25px;background: #187ed3;margin: 0px 0px 20px 0px!important;}
.quarterly_Z h3 a{font-size: 16px;color: #fff;float:right;}
.quarterly_Z h3 a:hover{font-weight:bold;}

.years .swiper-container{width:1100px;height: 70px;margin:0 auto;padding: 0px 0px 5px 0px;}
.years .swiper-slide{height:60px;background: #1c8dec;color:#fff;font-size:18px;text-align:center;line-height:60px;list-style: none;cursor: pointer;}
.years .swiper-slide a{color:#fff;}
.years .swiper-wrapper{padding:0px;}
.years .swiper-slide-active{background: url(../img/icon-book.png) #187ed3 25px center no-repeat;box-shadow: 0px 0px 7px 4px #d7d7d7;}
.years{position:relative;}
.years .swiper-button-prev{width:25px;height:60px;background:url(../img/icon-left.png) #dcdcdc center center no-repeat;top: 0px;margin: 0px;left: 18px;}
.years .swiper-button-next{width:25px;height:60px;background:url(../img/icon-right.png) #dcdcdc center center no-repeat;top: 0px;margin: 0px;right: 18px;}
.years .swiper-slide:hover{background:url(../img/icon-book.png) #187ed3 25px center no-repeat;}
.years .swiper-slide.active{background:url(../img/icon-book.png) #187ed3 25px center no-repeat;}
.years .swiper-button-prev:hover{background: url(../img/icon-left.png) #187ed3 center center no-repeat;}
.years .swiper-button-next:hover{background: url(../img/icon-right.png) #187ed3 center center no-repeat;}
.quarterly_ZInfo{padding: 20px 20px 30px 20px;}
.quarterlySum{color:#333;font-size:18px;line-height: 32px;}
.quarterly_ZInfo1 {margin:40px 0px 0px 0px;/* height: 360px; */}
.quarterly_ZInfo_1{padding:0;}
.quarterly_ZInfo li{list-style:none;background: #f9f8f8;}
.quarterly_ZInfo li .Img{width: 220px;height: 340px;float: left;}
.quarterly_ZInfo li .Img img{width:100%;height:100%;}
.quarterlyR{width: 300px;float:right;margin: 0px 15px 0px 0px;}
.quarterlyR .p1{font-size:32px;color: #0f3d88;margin: 10px 0px 0px 0px;}
.quarterlyR .p1 em{font-style:normal;}
.quarterlyR .p2{font-size:18px;color:#666666;}
.quarterlyR a{display:block;font-size: 16px;color:#333333;margin: 7px 0px 0px 0px;position:relative;padding: 0px 0px 0px 25px;}
.quarterlyR a:hover{color:#187ed3;}
.quarterlyR .p3{font-size:22px;color:#333333;margin: 10px 0px 10px 0px;}
.quarterlyR a:before{width:8px;height:8px;background:#7d7d7d;content:"";display:block;border-radius:50%;position:absolute;left:0px;top: 50%;margin-top: -4px;}
.quarterly_ZInfo1 .swiper-button-prev{display:none;}
.quarterly_ZInfo1 .swiper-button-next{display:none;}
@media (max-width: 992px){.president{margin-top: 7px;margin-right: 15px;height: 233px;}}
.preart {overflow: hidden; height:358px;text-indent: 2em;}
.president p {font-size:16px;color:#3a3939;text-align: center;margin-top: 15px;}
@media (max-width: 992px){.president p {margin-top: 10px;}}
p{margin:0}
.presidents ul{margin-top: 10px;}
.navbtn li {background:#f0f0f0;width:100%;height:33px;line-height: 33px;margin-bottom: 2px;text-align: center;position: relative;}
.navbtn li i{background: url(../img/btn.png) no-repeat;width:6px;height:8px;display: block;position: absolute;left: 25%;top: 13px;}
.navbtn li a {font-size:16px;color:#686868;display: block;}
.navbtn li:hover a {color:#fff;}
.navbtn li:hover {background:#187ed3;}
.navbtn li:hover i {background: url(../img/btna.png) no-repeat;}
.introduction {background: #f7f7f7;margin-right:20px;height:208px;overflow: hidden;}
.introduction img {width:100%;height: 100%;}
.introductions {margin-top:13px;min-height:208px;overflow: hidden;}
.introdfont {padding:0 25px}
.introdfont h3{font-size:20px;color:#000;height:45px;line-height: 45px;padding:0 20px}
.introdfont h3 a{font-size:14px;color:#949494;float:right;}
.introdfont div {font-size: 16px;line-height: 26px;color:#615f5f;text-indent: 2em;}
.quarterlys {margin-top: 23px;position: relative;width: 62%;float: right;}
.inimg {height:208px}
.inimg img {width:100%;height:100%}
.quarterly {background: #f7f7f7;min-height: 339px;/* position: relative; */height: 420px;padding: 0px 0px 0px 15px;}
@media (max-width: 992px){.quarterly{margin-right:0;margin-bottom:20px;height: auto;padding: 0px;}.quartefont {margin-bottom:10px}}
.quartefont {background: #f7f7f7;padding: 0 15px 0px 15px;margin-top:13px;overflow: hidden;}
.quartefont img {width:100%}
.quartefont h3{font-size:20px;color:#000;}
.quartefont h3 a{font-size:14px;color:#949494;float:right;}
.quartefont div {font-size: 16px;line-height: 28px;color:#615f5f;}

.qtitle {font-size: 20px;color:#187ed3;text-align: center;font-weight: 900;margin:0 auto;width:100%;bottom:30px}
.qtit {font-size: 20px;color:#b0b0b0;text-align: center;font-weight:900;margin:0 auto;width:100%;bottom:5px}
.quarimg {/* height:275px; */width: 100%;text-align: center;position:relative;overflow:hidden;/* background:#efefef; */}
.quarimg a {display:block;/* width:169px; *//* height:254px; */margin: 25px auto 10px;}
.quarimg img{width: 100%;height:100%;}
@media (max-width: 992px){.quarimg {height: 240px;overflow: hidden;width: 100%;text-align: center;}.quarimg img{width:100%;height:100%;}
.quarimg a {display:block;width:146px;height:220px;margin:10px auto;}
}
.link {background:#b3b3b3;width:100%;height:33px;line-height: 33px;margin-bottom: 2px;text-align: center;color:#fff;margin-top:25px}
.links li {background:#f0f0f0;width:100%;height:33px;line-height: 33px;margin-bottom: 2px;text-align: center;position: relative;}
.links li a {font-size:16px;color:#686868;display: block;}
.links li:hover a {color:#fff;}
.links li:hover {background:#bd010f;}
.address li {float:left}
.presimg {width:100%;height:227px;overflow: hidden;}
@media (max-width: 992px){.presimg {height: 175px;width:100%;}}
.presimg img {width:100%;}
.quarn {position:absolute;right: 0;top: 0;}
.quarttil {margin-top:15px ;margin-bottom:20px ;}
@media (max-width: 992px){.quarttil{margin-top:15px ;margin-bottom:50px ;}}
.quarn li {float:left;border-left: 3px solid #c5c5c5 ;height:18px;line-height: 18px;}
.quarn li a {font-size: 18px;color:#c5c5c5;font-weight: 800! important;padding: 0 5px;}
.quarn li:hover a{color:#187ed3}
.recomm {padding-bottom:10px}
.recomm h5 {font-size: 16px;color:#000 ;width:100px;margin-top: 3px;margin-bottom: 0;}
.recomm ul li  {font-size: 16px;color:#615f5f;list-style:disc! important;text-overflow: ellipsis;display: block;line-height: 28px; overflow: hidden;padding-left:15px;position: relative;}
.recomm ul li a {font-size: 16px;color:#615f5f ;}
.recomm ul {padding-bottom: 10px;}
.recommart {border-top: 1px solid #ebebeb;padding-top:10px;text-indent:2em}
.recomm ul li i {background:url(../img/disc.png) no-repeat center left;width:5px;height:5px;position:absolute;display:block;left: 0px;top: 10px;}
.gsimg { padding-right: 15px;}
.presimg a {display:block;width:100%;height:100%}

.gsimg img {width:100%}
@media (max-width: 992px){.gsimg {height:158px}.gsimg img {height:100%}}
.presimg img {/* width:100%; *//* height:100% */}}
.jjfont h3 {font-size:20px;color:#000;/* height:55px; *//* line-height: 60px; */padding-bottom: 10px;}
.jjfont h3 a{font-size:14px;color:#949494;float:right;}
.jjfont div {font-size: 16px;line-height: 30px;color:#615f5f}
@media (max-width: 992px){.jjfont {background:#f7f7f7;padding:8px}}
.xhh3 {line-height:24px;font-size:20px;}
.slideTxtBox{width:100%;text-align:left;position: relative;}
.slideTxtBox .hd{position: relative;right: 0;z-index: 9;}
.slideTxtBox .hd ul{position:absolute;right: 0;top: 30px;}
@media (max-width: 992px){.slideTxtBox .hd ul{position:absolute;right: auto; top: -30px;left:5px}}
.slideTxtBox .hd ul li{float:left;cursor:pointer;font-size: 18px;color:#c5c5c5;font-weight: 800;padding: 0 5px;}
@media (max-width: 992px){.slideTxtBox .hd ul li{padding:0}}
.slideTxtBox .hd ul li a {font-weight:! important}
.slideTxtBox .hd ul li.on a{color:#187ed3}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:30px; line-height:30px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }


.x-two{
margin-top: 26px;
}
.x-two>.news:nth-child(1){
    padding-right: 20px;
}
.x-two .slideBox .bd li span{
	width: 70%;
	text-align: left;
}

.friend-links{border-bottom:2px solid #d2d2d2;}
.friend-links h3{font-size: 24px;color: #fff;border-bottom:1px solid #ebebeb;height: 58px;line-height: 58px;padding: 0px 25px;background: #187ed3;margin: 0;}
.friend-links .title{border-bottom: 1px solid #ebebeb;overflow: hidden;padding-bottom: 10px;padding-top: 18px;}
.friend-links .title span{font-size: 20px;color: #000000;}
.friend-links ul{padding: 0px;margin: 35px 0px 30px 0px;}
.friend-links ul li{/* min-width: 168px; */height: 40px;line-height: 40px;list-style: none;display: inline-block;/* box-shadow: 3px 3px 7px 2px #eee; */margin: 0px 20px 15px 0px;/* padding: 0px 50px 0px 0px; */border-radius: 5px;margin: 0px 41px 0px 0px;}
.friend-links ul li:before{width: 7px;height: 7px;background: #5983d3;content:"";display:inline-block;margin: 0px 15px 0px 25px;position: relative;top: -5px;display: none;}
.friend-links ul li:nth-child(5n){/* margin-right:0px; */}
.friend-links ul li:nth-child(10){margin-right:20px;}
/*.friend-links ul li:nth-child(11){margin-right:0px;}*/
.friend-links ul li:nth-child(5){/* min-width: 308px; */}
.friend-links ul li:nth-child(6){/* min-width: 203px; */}
.friend-links ul li a{height: 100%;font-size: 18px;color: #333333;}
.friend-links ul li:last-child a:after{display:none;}
.friend-links ul li:hover a{color:#187ed3;}
.friend-links ul li:nth-child(10n){margin-right:0;}
@media (max-width: 992px){
	.container{width:100%;}
	.x-two .Z_news1{height:auto}
	.x-two{
		margin-top: 0;
	}
	.banner,.news{
		width:100%;
		float: none;
	}
.x-two>.news:nth-child(1){
	margin-top: 0;
}
	.new{
		height: auto;
		padding: 0px 10px 0px 10px;
	}
	.friend-links .title{
		padding-top: 0px;
	}
	.friend-links{
		margin-bottom: 4vw;
	}
	.friend-links ul li{
		margin-right: 10px;
		height: auto;
	}
	.friend-links ul li:nth-child(5n){
		margin-right: 4%;
	}
	.x-two .Z_news{width:100%;height:auto;}
	.x-two .news .new{height:auto;}
	.x-two .Z_banner{width:100%;height: auto;}
	.x-two .slideBox .bd li{/* height:100vw; */}
	.new h3{height:40px;line-height:40px;font-size: 16px;padding: 0px 15px;}
	.quarterlys{width:100%;}
	.quarterly h3{font-size:20px;}
	.quarn li a{font-size:16px;}
	.qtitle{font-size:18px;}
	.qtit{font-size:18px;}
	.slideTxtBox .bd ul{padding:0px;}
	.new h3 a{font-size:14px;}
}



.slideBox .swiper-pagination{position: absolute;width: 200px;right: 0px;left: auto;bottom: 10px;text-align: right;}
.slideBox .swiper-pagination .swiper-pagination-bullet{background: #fff;width: 9px;height: 9px;cursor:pointer;margin-right: 20px;border-radius: 50%;overflow: hidden;opacity:1;}
.slideBox .swiper-pagination .swiper-pagination-bullet-active{background: #5983d3;}


/*.indexBg{width:100%; max-width:1920px; height:193px; background:url(../img/jd100zn_1920_20210626.jpg) top center no-repeat;}*/





@media(max-width:1024px){

    .banners{margin:15px 0px 0px 0px;}
	.main .container{padding: 0px 10px;}
	.slideBox .prev{left:10px;background-size: 15px;}
	.slideBox .next{right:10px;background-size: 15px;}
	.slideBox .bd li span{width:60%;font-size:14px;}
	.slideBox .hd ul li{margin:0px 10px 0px 0px;}
	.new{padding: 0px;}
	.x-two .slideBox .bd li{height: 66vw;line-height: 66vw;}
	.x-two .slideBox .bd img{width:100%;height: 100%;}
	.new ul{display: block!important;padding: 0px 10px 15px 10px;}
	.new li a{font-size:16px;}
	.new ul li .sum{font-size:14px;margin: 7px 0px 0px 0px;}
	.new ul li i{width:6px;height:6px;top: 28px;}
	.new ul li{padding:20px 0px 0px 16px;}
	.x-two .Z_news2 ul{width: auto;padding: 0px 10px 15px 10px;float: none;}
	.x-two .Z_news2 li{padding: 15px 0px 0px 16px;}
	.x-two .Z_news2 li i{left:0px;top: 23px;}
	.x-two .Z_news2 li a{font-size: 16px;}
	.x-two .Z_news2 .Img{display: none;}
	.news_1 .new ul li i{top:28px;}
	.new ul li .title{font-size:16px;line-height: 22px;max-height: 46px;}

	.Book{width:100%;position: relative;margin: 20px 0px;}
	.Book .swiper-container{width:95%;}
	.Book h3{height: 40px;line-height: 40px;font-size: 16px;padding: 0px 10px;}
	.Book h3 a{font-size:14px;}
	.Book ul{margin:20px 0px;}
	.Book ul li{height: 30vw;}
	.Book .swiper-button-prev{width:20px;height: 40px;background:url(../img/icon-left.png) #dcdcdc center center no-repeat;left: 0px;margin-top: 0vw;display: block;}
	.Book .swiper-button-next{width:20px;height: 40px;background:url(../img/icon-right.png) #dcdcdc center center no-repeat;right: 0px;margin-top: 0vw;display: block;}
	
    .quarterly_Z h3{height: 40px;line-height: 40px;font-size: 16px;padding: 0px 10px;}
    .quarterly_Z{width:100%;margin: 20px 0px;}
    .quarterly_Z h3 a{font-size:14px;}
	.years .swiper-container{width:90%;}
    .years .swiper-slide{height:40px;line-height:40px;font-size: 14px;}
    .years .swiper-slide-active{text-indent:10px;background: url(../img/icon-book.png) #187ed3 10px center no-repeat;background-size: 17px;}
    .years .swiper-button-next{height: 40px;right: 0px;width: 4%;}
    .years .swiper-button-prev{height: 40px;left: 0px;width: 4%;}
    .years .swiper-slide:hover{background:url(../img/icon-book.png) #187ed3 10px center no-repeat;background-size: 17px;text-indent: 10px;}

	.quarterly_ZInfo{padding: 0px 10px 5px 10px;}
	.quarterlySum{font-size: 14px;line-height: 24px;}
	.quarterly_ZInfo1{margin:20px 0px 0px 0px;height: auto;}

	.quarterly_ZInfo li .Img{width:40%;height: 180px;max-height: 180px;}
	.quarterlyR{width:55%;margin: 0px 1% 10px 0px;}
	.quarterlyR .p1{font-size:16px;margin: 10px 0px 0px 0px;}
	.quarterlyR .p2{font-size:14px;}
	.quarterlyR .p3{margin:5px 0px;font-size:16px;}
	.quarterlyR a{font-size:12px;padding: 0px 0px 0px 12px;height: 16px;overflow: hidden;margin: 8px 0px 0px 0px;}
	.quarterlyR a:before{width:5px;height:5px;top: 6px;margin-top: 0px;}
	.quarterly_ZInfo li{/* height:180px; */margin: 0px 0px 15px 0px;}
	.quarterly_ZInfo li .Img img{max-height:100%;height: auto;}

	.friend-links h3{height: 40px;line-height: 40px;font-size: 16px;padding: 0px 10px;}
	.friend-links ul{margin: 15px 0px 10px 0px;}
	.friend-links ul li{height:40px;line-height:40px;padding: 0px 15px 0px 0px;min-width: 100px;margin: 0px 10px 15px 0px;}
    .friend-links ul li a{font-size: 14px;}
    .friend-links ul li:before{top:-2px;width:5px;height:5px;margin: 0px 10px 0px 15px;}

    .friend-links ul li:nth-child(5n){min-width: 100px;}
    .friend-links ul li:nth-child(6){min-width: 100px;}
    .x-two .slideBox .bd li span{padding: 0px 37% 0px 3%;width:60%;}

    .slideBox .swiper-pagination{width:100px;}
    .slideBox .swiper-pagination .swiper-pagination-bullet{margin:0px 10px 0px 0px;}


    .indexBg{height:20vw;width: 100%;background-size: cover;}



}